<!DOCTYPE html>
<html lang="en">
  <head>
    <title>房友</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">

    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">

    <link rel="stylesheet" href="css/aos.css">

    <link rel="stylesheet" href="css/ionicons.min.css">

    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/jquery.timepicker.css">

    
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    
	  <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
			<a class="navbar-brand" href="index.html"><img src="../../static/images/fangyou.jpg" width="50" height="50" class="img-fluid" alt="Colorlib Template">&nbsp;&nbsp;&nbsp;房友</a>
	      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button>

			<div class="collapse navbar-collapse" id="ftco-nav">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item"><a href="index.html" class="nav-link">二手房</a></li>
					<li class="nav-item"><a href="properties.html" class="nav-link">新房</a></li>
					<li class="nav-item"><a href="agents.html" class="nav-link">租房</a></li>
					<li class="nav-item"><a href="blog.html" class="nav-link">小区</a></li>
					<li class="nav-item"><a href="about.html" class="nav-link">经纪人</a></li>
					<li class="nav-item active"><a href="contact.html" class="nav-link">指南</a></li>
					<li class="nav-item cta"><a href="#" class="nav-link"><span>发布房源</span></a></li>
				</ul>
			</div>
	    </div>
	  </nav>
    <!-- END nav -->
    
    <section class="hero-wrap hero-wrap-2" style="background-image: url('../../static/images/bg_4.jpg');" data-stellar-background-ratio="0.5">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-9 ftco-animate text-center">
            <h1 class="mb-2 bread">发布房源</h1>
            <p class="breadcrumbs"><span class="mr-2"><a href="index.html">新房 <i class="ion-ios-arrow-forward"></i></a></span> <span class="mr-2"><a href="properties.html">二手房 <i class="ion-ios-arrow-forward"></i></a></span> <span>发布房源 <i class="ion-ios-arrow-forward"></i></span></p>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="search-wrap">
							<h3>预先搜索</h3>
							<form action="#" class="search-property">
		        		<div class="row">
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">关键字</label>
		          				<div class="form-field">
		          					<div class="icon"><span class="icon-pencil"></span></div>
				                <input type="text" class="form-control" placeholder="">
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">位置</label>
		          				<div class="form-field">
		          					<div class="icon"><span class="icon-pencil"></span></div>
				                <input type="text" class="form-control" placeholder="">
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">房屋类型</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
		                      	<option value="">商业</option>
		                        <option value="">办公</option>
		                        <option value="">住宅</option>
		                        <option value="">别墅</option>
		                        <option value="">高级公寓</option>
		                        <option value="">复式公寓</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">物业情况</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
		                      	<option value="">出租</option>
		                        <option value="">特惠</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">代理商</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
								  <option value="">任何</option>
		                      	<option value="">黄河</option>
		                        <option value="">符鑫</option>
		                        <option value="">张涛</option>
		                        <option value="">李丰</option>

		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        		</div>

		        		<div class="row">
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最小床</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
		                      	<option value="">1</option>
		                        <option value="">2</option>
		                        <option value="">3</option>
		                        <option value="">4</option>
		                        <option value="">5</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最小浴室</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
		                      	<option value="">1</option>
		                        <option value="">2</option>
		                        <option value="">3</option>
		                        <option value="">4</option>
		                        <option value="">5</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最低价</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
								  <option value="">最低价</option>
								  <option value="">¥1,000</option>
								  <option value="">¥5,000</option>
								  <option value="">¥10,000</option>
								  <option value="">¥50,000</option>
								  <option value="">¥100,000</option>
								  <option value="">¥200,000</option>
								  <option value="">¥300,000</option>
								  <option value="">¥400,000</option>
								  <option value="">¥500,000</option>
								  <option value="">¥600,000</option>
								  <option value="">¥700,000</option>
								  <option value="">¥800,000</option>
								  <option value="">¥900,000</option>
								  <option value="">¥1,000,000</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最高价</label>
		        					<div class="form-field">
		          					<div class="select-wrap">
		                      <div class="icon"><span class="ion-ios-arrow-down"></span></div>
		                      <select name="" id="" class="form-control">
								  <option value="">最高价</option>
								  <option value="">¥5,000</option>
								  <option value="">¥10,000</option>
								  <option value="">¥50,000</option>
								  <option value="">¥100,000</option>
								  <option value="">¥200,000</option>
								  <option value="">¥300,000</option>
								  <option value="">¥400,000</option>
								  <option value="">¥500,000</option>
								  <option value="">¥600,000</option>
								  <option value="">¥700,000</option>
								  <option value="">¥800,000</option>
								  <option value="">¥900,000</option>
								  <option value="">¥1,000,000</option>
								  <option value="">¥2,000,000</option>
		                      </select>
		                    </div>
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最小面积 <span>(m²)</span></label>
		          				<div class="form-field">
		          					<div class="icon"><span class="icon-pencil"></span></div>
				                <input type="text" class="form-control" placeholder="">
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-items-end ftco-animate">
		        				<div class="form-group">
		        					<label for="#">最大面积<span>(m²)</span></label>
		          				<div class="form-field">
		          					<div class="icon"><span class="icon-pencil"></span></div>
				                <input type="text" class="form-control" placeholder="">
				              </div>
			              </div>
		        			</div>
		        			<div class="col-md-12 align-self-end ftco-animate">
		        				<div class="form-group">
		        					<div class="form-field">
				                <input type="submit" value="搜索" class="form-control btn btn-primary">
				              </div>
			              </div>
		        			</div>
		        		</div>
		        	</form>
		        </div>
					</div><!-- end -->
					<div class="col-md-9 properties-single">
      			<div class="single-slider owl-carousel">
      				<div class="item">
      					<div class="properties-img" style="background-image: url(../../static/images/work-1.jpg);"></div>
      				</div>
      				<div class="item">
      					<div class="properties-img" style="background-image: url(../../static/images/work-2.jpg);"></div>
      				</div>
      				<div class="item">
      					<div class="properties-img" style="background-image: url(../../static/images/work-3.jpg);"></div>
      				</div>
      			</div>
        		<div class="col-md-12 Properties-single mt-4 mb-5 ftco-animate">
        			<h2>天和花园</h2>
        			<p class="rate mb-4">
  						</p>
  						<p></p>
  						<div class="d-md-flex mt-5 mb-5">
  							<ul>
    							<li><span>面积: </span> 1,250m²</li>
    							<li><span>房间: </span> 4</li>
    							<li><span>客厅: </span> 2</li>
    							<li><span>车库: </span> 1</li>
    						</ul>
    						<ul class="ml-md-5">
    							<li><span>建筑面积: </span> 1,300m²</li>
    							<li><span>建筑时间: </span> 2018</li>
    							<li><span>屋顶: </span> 新</li>
    						</ul>
  						</div>
  						<p>天和花园是由黄河集团有限公司开发的楼盘，位于上海市陆家嘴滨江大道旁。占地2万多平方米，总建筑面积达11.5万多平方米，由4幢极为豪华的滨江住宅和1幢高级会所组成，最高楼层为44层，高度达153米。</p>
        		</div>
        		<div class="col-md-12 properties-single ftco-animate mb-5 mt-4">
        			<h3 class="mb-4">视频简介</h3>
        			<div class="block-16">
	              <figure>
	                <img src="../../static/images/bieshu.jpg" alt="Image placeholder" class="img-fluid">
	                <a href="https://www.bilibili.com/video/BV1sZ4y1T77k?from=search&seid=10549103150696038227" class="play-button popup-vimeo"><span class="icon-play"></span></a>
	              </figure>
	            </div>
        		</div>

        		<div class="col-md-12 properties-single ftco-animate mb-5 mt-4">
        			<h4 class="mb-4">评论和评级</h4>
        			<div class="row">
        				<div class="col-md-6">
        					<form method="post" class="star-rating">
									  <div class="form-check">
											<input type="checkbox" class="form-check-input" id="exampleCheck1">
											<label class="form-check-label" for="exampleCheck1">
												<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></span></p>
											</label>
									  </div>
									  <div class="form-check">
								      <input type="checkbox" class="form-check-input" id="exampleCheck1">
								      <label class="form-check-label" for="exampleCheck1">
								    	   <p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i></span></p>
								      </label>
									  </div>
									  <div class="form-check">
								      <input type="checkbox" class="form-check-input" id="exampleCheck1">
								      <label class="form-check-label" for="exampleCheck1">
								      	<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
								     </label>
									  </div>
									  <div class="form-check">
									    <input type="checkbox" class="form-check-input" id="exampleCheck1">
								      <label class="form-check-label" for="exampleCheck1">
								      	<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
								      </label>
									  </div>
									  <div class="form-check">
								      <input type="checkbox" class="form-check-input" id="exampleCheck1">
								      <label class="form-check-label" for="exampleCheck1">
								      	<p class="rate"><span><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
									    </label>
									  </div>
									</form>
        				</div>
        			</div>
        		</div>
		    	</div>
	    	</div>
			</div>
		</section>


	  <footer class="ftco-footer ftco-footer-2 ftco-section">
		  <div class="footer">
			  <div class="wrapper">
				  <div class="f-title">
					  <div class="fl" style="text-align: center; font-size: 15px">
						  关于房友|联系我们|加入我们|隐私声明|网站地图|友情链接|官方客服 1010 9666
						  <div class="copyright">
							  房友网（上海）科技有限公司 | 网络经营许可证
							  <a href="http://beian.miit.gov.cn" target="_blank">沪ICP备16057509号</a> | © Copyright©2010-2020
							  房友网Lianjia.com版权所有 | <a target="_blank"
													  href="https://img.ljcdn.com/beike/lianjia-web/1550576952648.png">营业执照</a><br>违法和不良信息举报电话：010-7575864
							  违法和不良信息举报邮箱：jubaoyouxiang@fangyou.com
						  </div>
	  </footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="js/google-map.js"></script>
  <script src="js/main.js"></script>
    
  </body>
</html>